<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <h:form id="formDireccion">
        <p:panelGrid style="width:100%;margin: 10px auto;" id="panelDireccion">

            <p:row >
                <p:column colspan="2">
                    <p:selectOneRadio id="optOrg" value="#{BKSede.tipoOrganizacion}">  
                        <f:selectItem itemLabel="Proveedor" itemValue="p" /> 
                        <!--<f:selectItem itemLabel="Cliente" itemValue="c" rendered="false"/>-->
                        <f:selectItem itemLabel="Empresa" itemValue="e" />  
                        <p:ajax event="change" process="@this"
                                listener="#{MBCompBuscarDireccion.buscarOrganizaciones}" update="cbxOrganizacion,cbxLocal,btnAplicar" />
                    </p:selectOneRadio>
                </p:column>
            </p:row>

            <p:row >
                <p:column>
                    <h:outputLabel id="lblRazonS" value="RAZON SOCIAL" />
                </p:column>
                <p:column>
                    <p:selectOneMenu id="cbxOrganizacion" required="true" value="#{BKSede.idOrganizacionBusqueda}"
                                     disabled="#{BKSede.listaOrganizacionBusqueda eq null?'true':'false'}" panelStyle="width:500px" style="width: 500px" 
                                     filter="true" filterMatchMode="contains"> 
                        <f:selectItems value="#{BKSede.listaOrganizacionBusqueda}" var="org"
                                       itemLabel="#{org}" itemValue="#{org.id}"/>
                        <p:ajax listener="#{MBCompBuscarDireccion.buscarLocales}" update="cbxLocal,btnAplicar" /> 

                    </p:selectOneMenu>
                </p:column>
            </p:row>

            <p:row>
                <p:column>
                    <h:outputLabel id="lblLocal" value="SEDES" />
                </p:column>
                <p:column>
                    <p:selectOneMenu id="cbxLocal" required="true" value="#{BKSede.idDireccionBusqueda}"
                                     disabled="#{BKSede.idOrganizacionBusqueda eq -1?'true':'false'}" panelStyle="width:500px" style="width: 500px"> 
                        <f:selectItem itemLabel="Seleccionar" itemValue="0" /> 
                        <f:selectItems value="#{BKSede.listaDireccionBusqueda}" var="local"
                                       itemLabel="#{local.nombre}" itemValue="#{local.id}"/>
                        <p:ajax event="change" update="btnAplicar" /> 
                    </p:selectOneMenu>
                </p:column>
            </p:row>

            <p:row>
                <p:column colspan="4" style="text-align: center">
                    <p:commandButton style="text-align: center;" value="APLICAR" id="btnAplicar"
                                     actionListener="#{MBCompBuscarDireccion.aplicarDireccion}" 
                                     update="#{BKSede.conRazonSocial eq true?':formulario:txtLocal,:formulario:txtRS':':formulario:txtLocal'} "
                                     oncomplete="if (args.validationFailed){ buscarDireccion.show()} else {buscarDireccion.hide()}"
                                     disabled="#{BKSede.idDireccionBusqueda eq 0?'true':'false'}" />
                    <p:commandButton type="button" value="CANCELAR"  onclick="buscarDireccion.hide()"/>
                </p:column>
            </p:row>
        </p:panelGrid>
    </h:form>
</html>